import React from "react";

import "./index.scss";

const CouponItem = props => {
	const { data } = props;
	// activityCouponNo: "122323",
	// couponCondition: "单笔支付满100元可用",
	// couponName: "小辉付满减券",
	// couponValue: "10",

	const couponValue = data.couponValue + ".00";
	return (
		<div className="coupon-item">
			<div className="coupon-item-left">
				<div className="coupon-item-left-item-left">
					¥<strong>{couponValue}</strong>
				</div>
				<div className="coupon-item-left-item-right">
					<div className="coupon-item-left-item-top">{data.couponName}</div>
					<div className="coupon-item-left-item-bottom">
						单笔支付满{data.couponCondition}元可用
					</div>
				</div>
			</div>
			<div className="coupon-item-button">
				奖 <br />励
			</div>
		</div>
	);
};
export default CouponItem;
